// 个人中心 > 更换头像
const BASE_URL = 'http://api-breakingnews-web.itheima.net'
// 第一个功能 : 获取个人头像
    axios
    .get(`${BASE_URL}/my/userinfo`,{
      headers: {
        Authorization: localStorage.getItem('token'),
      },
    })
    .then(res=>{
      let {user_pic}=res.data.data
      if(user_pic){
        $("#image").attr("src",user_pic)
      }
      handleCropper()
    })
   function handleCropper(){
     // 第二个功能 : 选择图片
     const image=document.getElementById("image")
     let cropper=new Cropper(image,{
       aspectRatio:1,
       preview:$(".img-preview"),
     })
     $(".select").on("click",function(){
       $("#file").click()
     })
     $("#file").on("change",function(){
       let file=this.files[0]
       let url=URL.createObjectURL(file)
       cropper.replace(url)
     })
     // 第三个功能 : 上传
     $(".sure").on("click",function(){
       let canvas=cropper.getCroppedCanvas({
         width:100,
         height:100,
       })
       let base64Str=canvas.toDataURL("image/jpeg")
       base64Str=encodeURIComponent(base64Str)
       let data=`avatar=${base64Str}`
       // 2 上传图片 发送请求
       axios
       .post(`${BASE_URL}/my/update/avatar`,data,{
        headers:{
          Authorization:localStorage.getItem("token"),
        },
       })
       .then(res => {
         console.log("上传图片",res)
         if(res.data.status===0){
          layer.msg('上传图片成功', {
            icon: 1,
            time: 2000, //2秒关闭（如果不配置，默认是3秒）
          })
          window.parent.mg_getUserInfo()
         }
       })
     })
   }
   